<!DOCTYPE html>
<html lang=zh-CN>
<head>
    <title id="live_title"></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="author" content="monicaqin">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/account/user.css"/>
    <link rel="stylesheet" type="text/css" href="css/address/address.css"/>
    <link rel="stylesheet" type="text/css" href="css/app.css"/>
    <link rel="stylesheet" type="text/css" href="css/play_ios.css"/>

    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script type="text/javascript" src="js/base/moment.min.js"></script>
    <script src="js/base/api.js"></script>
    <script src="js/base/magiclamp.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue-filter.js"></script>
    <script src="js/base/vue.js"></script>
    <script src="js/base/swipe.min.js"></script>
    <script src="js/base/phone.js"></script>
    <script src="js/iconfont.js"></script>
    <script src="js/play_android.js"></script>
    <script src="js/lib/iphone-inline-video.min.js"></script>

    <script src="js/lib/clipboard.min.js"></script>
    <script>

    </script>

</head>
<body>

<div id="play_background" style="position:absolute;top: 0px;bottom: 0px;left: 0;right: 0;">
    <div id="play_page">
        <!--商品-->
        <div class="page-container" v-if="page=='goods'">
            <div v-if="video_list.length==0" class="store-banner goodslist-video2">
                <img src="img/huazhuangpin2.png" v-if="!show_host_info_obj.small_image__fileurl">
                <img :src="baseConfig.qn_host + show_host_info_obj.small_image__fileurl + '?imageView2/1/w/600/h/600'"
                     v-if="show_host_info_obj.small_image__fileurl">

                <div class="goods-video">
                <div class="label2" v-if="is_follow" @click="delete_follow">
                    取消关注
                </div>
                <div class="label2" v-if="!is_follow" @click="create_follow">
                    关注
                </div>
                </div>
            </div>
            <div class="cart-list goodslist-video" v-for="video in video_list" v-if="video_list.length>0" >
                <div class="goods-video"  >
                    <video id="goods_video" style="width:100%;" x-webkit-airplay="true" preload="auto"  v-if="!show_video_img"
                           playsinline controls webkit-playsinline="true" x5-video-player-type="h5"  @pause="pause_video"
                           :src="baseConfig.qn_host + video.fileurl">
                    </video>
                    <div class="label_img" v-if="show_video_img">
                        <img :src="baseConfig.qn_host + show_host_info_obj.small_image__fileurl + '?imageView2/1/w/300/h/300'"
                             v-if="show_host_info_obj.small_image__fileurl"  @click="show_video" class="pro-play-img">
                        <svg class="pro-play" @click="show_video">
                            <use xlink:href="#icon-play"></use>
                        </svg>
                        <div class="label2" v-if="is_follow&&show_video_img" @click="delete_follow">
                            取消关注
                        </div>
                        <div class="label2" v-if="!is_follow&&show_video_img" @click="create_follow">
                            关注
                        </div>
                    </div>

                    <div class="label1"  @click="go_videos"  v-if="show_video_img">
                        更多
                    </div>


                </div>

            </div>
            <div class="cart-list" v-for="goods in goods_list" @click="go_goods_detail(goods.id)">
                <img class="goods-img"
                     :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/240/h/240'">
                <div class="goods-main">
                    <div class="name">{{goods.name}}</div>
                    <div class=" margin-bottom"></div>
                    <div class="goods-id">
                        商品id:{{goods.id}}
                        <div style="float: right;color: #F5A623;font-size: 1.2rem;">
                            <span style="color: #F5A623;font-size: 1.2rem;">评价:</span>
                            <img v-for="img in start_list"
                                 :src="img.index<=goods.ping_jia+0.5?'img2/star_big_light.png':'img2/star.png'"
                                 style="width: 1.2rem;">

                        </div>
                    </div>
                    <div class="bottom">
                        <div class="price">{{price_filter(goods.price-goods.bu_tie_price)}}</div>
                        <div class="goods-num">已售:{{goods.sale_num}}</div>
                    </div>
                </div>
            </div>
            <br/>
            <br/>
        </div>
        <div id="live_list_bar" v-if="page=='goods'">
            <button class="btn btn-default btn-sm query-bottom-button" @click="hide_live_list()">所在位置</button>
        </div>
    </div>
</div>


</body>
</html>